body {
  max-width: 640px;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

h1 {
  font-size: 25px;
}

.content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

button {
  width: 50px;
  height: 22px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* #region    音频播放区域*/
.play {
  width: 100%;

  form.import {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    input {
      font-size: 14px;
    }
  }

  audio {
    width: 100%;
  }

  form.cut {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    label {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      span {
        width: 100px;
        height: 20px;
        text-align: right;
        font-size: 14px;
        border: 1px solid #000;
        border-radius: 5px;
        padding: 0 20px;
        box-sizing: border-box;
        &::after {
          content: "s";
          font-size: 14px;
        }
      }
    }
    .control {
      display: flex;
      flex-direction: row;
      button {
        width: 50px;
        height: 22px;
        font-size: 14px;
      }
    }
  }
}
/* #endregion 音频播放区域*/
/* #region    音频片段列表*/
.slice {
  width: 100%;
  table {
    font-size: 14px;
    display: table;
    text-align: center;
    border-collapse: collapse;
  }
}

.slice table,
th,
td {
  border: 1px solid #000;
}
/* #endregion 音频片段列表*/
